@import 'main.less';

.ot-api-header {
  .ot-api-link {
    font-weight: bold;
  }
}

table.ot-api-resource {
  border: solid @table-border-color 1px;
  border-left: solid @table-border-color 0.5em;
}

.ot-api-verb {
  .label;
  .label-default;
}

.ot-api-get {
  .ot-api-verb;
  background-color: @brand-success;
}

.ot-api-put {
  .ot-api-verb;
  background-color: @brand-info;
}

.ot-api-post {
  .ot-api-verb;
  background-color: @brand-warning;
}

.ot-api-delete {
  .ot-api-verb;
  background-color: @brand-danger;
}

.ot-api-method {
  .ot-api-method-description {
    .ot-description;
  }
}

.ot-api-resource-item-name {
  font-weight: bold;
}

.ot-api-resource-object {
  > .ot-api-resource-item-name {
    cursor: pointer;
    &:after {
      content: ' /';
    }
  }
}

.ot-api-resource-array, .ot-api-resource-array-simple {
  > .ot-api-resource-item-name {
    cursor: pointer;
    &:after {
      content: ' [*]';
    }
  }
}

.ot-api-resource-link {
  > .ot-api-resource-item-name {
    font-weight: normal;
    text-decoration: underline;
    .text-muted;
  }
  > .ot-api-resource-item-value {
    a {
      cursor: pointer;
    }
  }
}

.ot-api-resource-item-value {
  > .ot-api-resource-item-collapsed {
    .label;
    .label-default;
    cursor: pointer;
    border: dotted #808080 1px;
    color: darkgray;
    background-color: white;
  }
}

table.ot-api-doc {
  th {
    background-color: #EEEEEE;
    .ot-api-doc-title {
      font-size: 125%;
    }
    .ot-api-doc-description {
      .ot-description;
    }
  }
  .ot-api-doc-method-name {
    font-weight: bold;
  }
  .ot-api-doc-method-description {
    .ot-description;
  }
  .ot-api-doc-method-path {
    font-family: monospace;
    font-size: 90%;
    a {
      cursor: pointer;
    }
  }
}

.ot-api-doc-method-root-api {
  .ot-icon-x(@fa-var-circle);
  color: @brand-success;
}
.ot-api-doc-method-root {
  .ot-icon-x(@fa-var-circle);
  color: @brand-warning;
}
.ot-api-doc-method-no-root {
  .ot-icon-x(@fa-var-circle);
  color: @brand-danger;
}
.ot-api-doc-method-warning {
  .ot-icon-x(@fa-var-warning);
  color: @brand-danger;
}

.ot-command-api-show {
  .ot-icon-x(@fa-var-eye);
}

.ot-command-api-hide {
  .ot-icon-x(@fa-var-eye-slash);
}

.ot-command-api-help {
  .ot-icon-x(@fa-var-question-circle);
}
